@font-face {
    font-family: 'fjalla_oneregular';
    src: url('font/fjallaone-regular-webfont.woff2') format('woff2'),
         url('font/fjallaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'againtsregular';
    src: url('font/againts-webfont.eot');
    src: url('font/againts-webfont.eot?#iefix') format('embedded-opentype'), url('../font/againts-webfont.woff2') format('woff2'), url('../font/againts-webfont.woff') format('woff'), url('../font/againts-webfont.ttf') format('truetype'), url('../font/againts-webfont.svg#againtsregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular-webfont.woff2') format('woff2'), url('../font/opensans-regular-webfont.woff') format('woff'), url('../font/opensans-regular-webfont.ttf') format('truetype'), url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0
}
body {
    background-repeat: repeat-x;
    font-size: 100%;
    font-family: "Open Sans", Arial, sans-serif;
    color: black
}
body a {
    color: #3d3d3d
}
body a:hover {
    color: #facb12
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: black;
    font-weight: normal;
    margin: 0.2em 0 0.2em 0
}
h1 {
    font-size: 2.4em
}
h2 {
    font-size: 2em
}
h3 {
    font-size: 1.6em
}
h4 {
    font-size: 1.2em
}
h5 {
    font-size: 1em
}
h6 {
    font-size: 0.9em
}
hr {
    height: 1px;
    margin: -0.5em 0;
    padding: 0;
    color: #bcbcbc;
    background-color: #bcbcbc;
    border: 0;
    width: 95%;
    margin: 0 auto
}
p {
    font-size: 0.9em;
    color: #878788
}
a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: none
}
a {
    color: #ac653a
}
a:hover {
    color: #ffd5cc
}
img {
    border: 0;
    height: auto;
    max-width: 100%;
    width: auto
}

.owl-item ,
.full-img {
    text-align:center;
	margin:0 auto;
	padding:10px;
}

.owl-item img,
.full-img {
    text-align:center;
	margin:0 auto;
	
	
}
.size-960 .line {
    margin: 0 auto;
    max-width:1280px;
    padding: 0 0.625em
}
.size-1140 .line {
    margin: 0 auto;
    max-width: 71.25em;
    padding: 0 0.625em
}
.size-960.align-content-left .line,
.size-1140.align-content-left .line {
    margin-left: 0
}
form {
    line-height: 1.4em
}
nav {
    background-color: #111;
    display: block;
    width: 100%;
    max-height: 100px
}
#logo {
    position: absolute;
    z-index: 9999;
    max-width: 160px;
    margin-top:-25px;
}
#fond-equipe {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-4s {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-entrainement {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-partenaire {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-contact {
    background: #eee;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-inscription {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-ping-pour-tous {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-stages {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
#fond-news {
    background: #eee;
    background-size: cover;
    background-position: 5% 0%;
    padding-bottom: 50px
}
.line:after,
nav:after,
.center:after,
.box:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden
}
.top-nav ul {
    padding: 0
}
.top-nav ul ul {
    position: absolute;
    background: #262626
}
.top-nav li {
    float: left;
    list-style: none outside none;
    cursor: pointer
}
.top-nav li a {
    font-family: 'Open Sans';
    color: #fff;
    font-weight: 700;
    padding: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 35px
}
.top-nav li a:hover,
.aside-nav li a:hover {
    color: #facb12;
}
.this {
    color: #facb12;
}
.top-nav li ul {
    display: none
}
.top-nav li ul li {
    float: none;
    list-style: none outside none;
    min-width: 100%;
    padding: 0
}
.top-nav li ul li ul li {
    float: none;
    list-style: none outside none;
    min-width: 100%;
    padding: 0
}
.count-number {
    background: none repeat scroll 0 0 #777;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    display: inline-block;
    font-size: 0.7em;
    line-height: 1.8em;
    margin-left: 0.3125em;
    text-align: center;
    width: 1.8em;
    color: #fff;
    margin-bottom: -0.3125em
}
ul.chevron .count-number {
    display: none
}
ul.chevron .submenu > a:after,
ul.chevron .sub-submenu > a:after,
ul.chevron .aside-submenu > a:after,
ul.chevron .aside-sub-submenu > a:after {
    content: "\f004";
    display: inline-block;
    font-family: mfg;
    font-size: 0.7em;
    margin: 0 0.625em
}
.aside-nav > ul > li.active-item > a:link,
.aside-nav > ul > li.active-item > a:visited {
    background: none repeat scroll 0 0 #999;
    color: #fff
}
@media screen and (min-width: 769px) {
    .aside-nav .count-number {
        margin-left: -1.25em;
        float: right
    }
    .top-nav li:hover > ul {
        display: block;
        z-index: 10
    }
    .top-nav li:hover > ul ul {
        left: 100%;
        margin: -2.5em 0;
        width: 100%
    }
}
.nav-text {
    display: none
}
.aside-nav li li a,
.aside-nav li li.active-item a,
.aside-nav li li.aside-sub-submenu li a,
.aside-nav > ul > li > a,
.aside-nav > ul > li.active-item > a:link,
.aside-nav > ul > li.active-item > a:visited,
.aside-nav li > ul,
.top-nav .active-item a,
.top-nav li a,
.aside-nav li a,
.top-nav li ul li a,
.top-nav li a,
.top-nav li a,
.top-nav li ul li a,
.top-nav li ul li ul li a {
    transition: background 0.20s linear 0s;
    -o-transition: background 0.20s linear 0s;
    -ms-transition: background 0.20s linear 0s;
    -moz-transition: background 0.20s linear 0s;
    -webkit-transition: background 0.20s linear 0s
}
.aside-nav ul {
    background: #e8e8e8;
    padding: 0
}
.aside-nav li {
    list-style: none outside none;
    cursor: pointer
}
.aside-nav li a {
    display: block;
    padding: 1.25em;
    border-bottom: 1px solid #d2d2d2
}
.aside-nav > ul > li:last-child a {
    border-bottom: 0 none
}
.aside-nav li > ul {
    height: 0;
    display: block;
    position: relative;
    background: #f4f4f4;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    overflow: hidden
}
.aside-nav li ul ul {
    border: 0;
    background: #fff
}
.aside-nav ul ul a {
    padding: 0.625em 1.25em
}
.aside-nav li a:link,
.aside-nav li a:visited {
    color: #333
}
.aside-nav li li a:hover,
.aside-nav li li.active-item > a,
.aside-nav li li.aside-sub-submenu li a:hover {
    color: #999;
    background: none
}
.aside-nav > ul > li > a:hover {
    color: #fff
}
.aside-nav li li a:hover:before,
.aside-nav li li.active-item a:before {
    content: "\f006";
    display: inline-block;
    font-family: "mfg";
    font-size: 0.6em;
    margin: 0 0.625em 0 -1.25em;
    width: 0.625em
}
.aside-nav li li a:link,
.aside-nav li li a:visited {
    background: none
}
.aside-nav .show-aside-ul,
.aside-nav .active-aside-item {
    display: block;
    height: auto
}
.padding {
    display: list-item;
    list-style: none outside none;
    padding: 10px
}
.margin {
    margin: 0 -0.625em
}
.line {
    clear: left
}
.line .line {
    padding: 0
}
.hide-l {
    display: none
}
.box {
    display: block;
    padding: 1.25em;
    width: 100%;
    min-height: 150px
}
.margin-bottom {
    margin-bottom: -1.25em
}
.s-1,
.s-2,
.s-five,
.s-3,
.s-4,
.s-5,
.s-6,
.s-7,
.s-8,
.s-9,
.s-10,
.s-11,
.s-12,
.m-1,
.m-2,
.m-five,
.m-3,
.m-4,
.m-5,
.m-6,
.m-7,
.m-8,
.m-9,
.m-10,
.m-11,
.m-12,
.l-1,
.l-2,
.l-five,
.l-3,
.l-4,
.l-5,
.l-6,
.l-7,
.l-8,
.l-9,
.l-10,
.l-11,
.l-12 {
    float: left;
    position: relative
}
.l-offset-1 {
    margin-left: 4.3%
}
.l-offset-1bis {
    margin-left: 0%
}
.l-offset-1-ter {
    margin-left: 9%
}
.l-offset-2 {
    margin-left: 16.6666%
}
.l-offset-five {
    margin-left: 16.6666%
}
.l-offset-3 {
    margin-left: 25%
}
.l-offset-4 {
    margin-left: 33.3333%
}
.l-offset-5 {
    margin-left: 41.6666%
}
.l-offset-6 {
    margin-left: 50%
}
.l-offset-7 {
    margin-left: 58.3333%
}
.l-offset-8 {
    margin-left: 66.6666%
}
.l-offset-9 {
    margin-left: 75%
}
.l-offset-10 {
    margin-left: 83.3333%
}
.l-offset-11 {
    margin-left: 90%
}
.l-offset-12 {
    margin-left: 100%
}
.s-1 {
    width: 8.3333%
}
.s-2 {
    width: 16.6666%
}
.s-five {
    width: 16.6666%
}
.s-3 {
    width: 25%
}
.s-4 {
    width: 33.3333%
}
.s-5 {
    width: 41.6666%
}
.s-6 {
    width: 50%
}
.s-7 {
    width: 58.3333%
}
.s-8 {
    width: 66.6666%
}
.s-9 {
    width: 75%
}
.s-10 {
    width: 83.3333%
}
.s-11 {
    width: 90%
}
.s-12 {
    width: 100%
}
.margin > .s-1,
.margin > .s-2,
.margin > .s-five,
.margin > .s-3,
.margin > .s-4,
.margin > .s-5,
.margin > .s-6,
.margin > .s-7,
.margin > .s-8,
.margin > .s-9,
.margin > .s-10,
.margin > .s-11,
.margin > .s-12,
.margin > .m-1,
.margin > .m-2,
.margin > .m-five,
.margin > .m-3,
.margin > .m-4,
.margin > .m-5,
.margin > .m-6,
.margin > .m-7,
.margin > .m-8,
.margin > .m-9,
.margin > .m-10,
.margin > .m-11,
.margin > .m-12,
.margin > .l-1,
.margin > .l-2,
.margin > .l-five,
.margin > .l-3,
.margin > .l-4,
.margin > .l-5,
.margin > .l-6,
.margin > .l-7,
.margin > .l-8,
.margin > .l-9,
.margin > .l-10,
.margin > .l-11,
.margin > .l-12 {
    padding: 0 1.5em
}
.m-1 {
    width: 8.3333%
}
.m-2 {
    width: 16.6666%
}
.m-five {
    width: 20%
}
.m-3 {
    width: 25%
}
.m-4 {
    width: 33.3333%
}
.m-5 {
    width: 41.6666%
}
.m-6 {
    width: 50%
}
.m-7 {
    width: 58.3333%
}
.m-8 {
    width: 66.6666%
}
.m-9 {
    width: 75%
}
.m-10 {
    width: 83.3333%
}
.m-11 {
    width: 90%
}
.m-12 {
    width: 100%
}
.l-1 {
    width: 8.3333%
}
.l-2 {
    width: 16.6666%
}
.l-five {
    width: 20%
}
.l-3 {
    width: 25%
}
.l-4 {
    width: 33.3333%
}

.l-4-bis {
    width: 29%
}

.l-5 {
    width: 41.6666%
}
.l-6 {
    width: 50%
}
.l-7 {
    width: 58.3333%
}
.l-8 {
    width: 66.6666%
}

.l-8-bis {
    width: 71%
}

.l-9 {
    width: 75%
}
.l-10 {
    width: 83.3333%
}
.l-11 {
    width: 90%
}
.l-12 {
    width: 100%
}
.right {
    float: right
}
@media screen and (max-width: 768px) {
    .size-960 {
        max-width: 768px
    }
    .size-1140 {
        max-width: 768px
    }
    .hide-l {
        display: block
    }
    .hide-s {
        display: block
    }
    .hide-m {
        display: none
    }
    nav {
        display: block;
        cursor: pointer;
        line-height: 3em
    }
    .top-nav li a {
        background: none repeat scroll 0 0 black
    }
    .top-nav > ul {
        height: 0;
        max-width: 100%;
        overflow: hidden;
        position: relative;
        z-index: 999
    }
    .top-nav > ul.show-menu {
        height: auto
    }
    .top-nav ul ul {
        left: 0;
        margin-top: 0;
        position: relative;
        right: 0
    }
    .top-nav li ul li a {
        min-width: 100%
    }
    .top-nav li {
        float: none;
        list-style: none outside none;
        padding: 0
    }
    .top-nav li a {
        border-top: 1px solid #404040;
        font-family: 'fjalla_oneregular';
        color: white;
        font-size: 18px;
        display: block;
        padding: 0.325em;
        text-align: center;
        font-weight: 400;
        text-decoration: none
    }
    .top-nav li ul li a {
        border-top: 1px solid #404040
    }
    .top-nav li ul li ul li a {
        border-top: 1px solid #404040
    }
    .top-nav li a:hover {
        background: none repeat scroll 0 0 #facb12;
        color: white
    }
    .top-nav li ul,
    .top-nav li ul li ul {
        display: block;
        overflow: hidden;
        height: 0
    }
    .top-nav > ul ul.show-ul {
        display: block;
        height: auto
    }
    .top-nav li ul li a {
        background: none repeat scroll 0 0 white;
        padding: 0.625em
    }
    .top-nav li ul li ul li a {
        background: none repeat scroll 0 0 #d7d7d7;
        color: #222
    }
    .nav-text {
        color: white;
        display: block;
        font-size: 1.2em;
        line-height: 3em;
        margin-right: 0.625em;
        max-width: 100%;
        text-align: right;
        vertical-align: middle
    }
    .nav-text:after {
        content: "\f008";
        font-family: "mfg";
        font-size: 1.1em;
        margin-left: 0.5em;
        text-align: right
    }
    .l-offset-1,
    .l-offset-1bis,
    .l-offset-2,
    .l-offset-five,
    .l-offset-3,
    .l-offset-4,
    .l-offset-5,
    .l-offset-6,
    .l-offset-7,
    .l-offset-8,
    .l-offset-9,
    .l-offset-10,
    .l-offset-11,
    .l-offset-12 {
        margin-left: 0
    }
    .m-offset-1 {
        margin-left: 8.3333%
    }
    .m-offset-2 {
        margin-left: 16.6666%
    }
    .m-offset-five {
        margin-left: 16.6666%
    }
    .m-offset-3 {
        margin-left: 25%
    }
    .m-offset-4 {
        margin-left: 33.3333%
    }
    .m-offset-5 {
        margin-left: 41.6666%
    }
    .m-offset-6 {
        margin-left: 50%
    }
    .m-offset-7 {
        margin-left: 58.3333%
    }
    .m-offset-8 {
        margin-left: 66.6666%
    }
    .m-offset-9 {
        margin-left: 75%
    }
    .m-offset-10 {
        margin-left: 83.3333%
    }
    .m-offset-11 {
        margin-left: 90%
    }
    .m-offset-12 {
        margin-left: 100%
    }
    .l-1 {
        width: 8.3333%
    }
    .l-2 {
        width: 16.6666%
    }
    .l-five {
        width: 20%
    }
    .l-3 {
        width: 25%
    }
    .l-4 {
        width: 33.3333%
    }
    .l-5 {
        width: 41.6666%
    }
    .l-6 {
        width: 50%
    }
    .l-7 {
        width: 58.3333%
    }
    .l-8 {
        width: 66.6666%
    }
    .l-9 {
        width: 75%
    }
    .l-10 {
        width: 83.3333%
    }
    .l-11 {
        width: 90%
    }
    .l-12 {
        width: 100%
    }
    .s-1 {
        width: 8.3333%
    }
    .s-2 {
        width: 16.6666%
    }
    .s-five {
        width: 20%
    }
    .s-3 {
        width: 25%
    }
    .s-4 {
        width: 33.3333%
    }
    .s-5 {
        width: 41.6666%
    }
    .s-6 {
        width: 50%
    }
    .s-7 {
        width: 58.3333%
    }
    .s-8 {
        width: 66.6666%
    }
    .s-9 {
        width: 75%
    }
    .s-10 {
        width: 83.3333%
    }
    .s-11 {
        width: 90%
    }
    .s-12 {
        width: 100%
    }
    .m-1 {
        width: 8.3333%
    }
    .m-2 {
        width: 16.6666%
    }
    .m-five {
        width: 20%
    }
    .m-3 {
        width: 25%
    }
    .m-4 {
        width: 33.3333%
    }
    .m-5 {
        width: 41.6666%
    }
    .m-6 {
        width: 50%
    }
    .m-7 {
        width: 58.3333%
    }
    .m-8 {
        width: 66.6666%
    }
    .m-9 {
        width: 75%
    }
    .m-10 {
        width: 83.3333%
    }
    .m-11 {
        width: 90%
    }
    .m-12 {
        width: 100%
    }
}
@media screen and (max-width: 480px) {
    .size-960 {
        max-width: 480px
    }
    .size-1140 {
        max-width: 480px
    }
    .hide-l {
        display: block
    }
    .hide-m {
        display: block
    }
    .hide-s {
        display: none
    }
    .count-number {
        margin-right: -1.25em
    }
    .l-offset-1,
    .l-offset-1bis,
    .l-offset-2,
    .l-offset-five,
    .l-offset-3,
    .l-offset-4,
    .l-offset-5,
    .l-offset-6,
    .l-offset-7,
    .l-offset-8,
    .l-offset-9,
    .l-offset-10,
    .l-offset-11,
    .l-offset-12,
    .m-offset-1,
    .m-offset-2,
    .m-offset-five,
    .m-offset-3,
    .m-offset-4,
    .m-offset-5,
    .m-offset-6,
    .m-offset-7,
    .m-offset-8,
    .m-offset-9,
    .m-offset-10,
    .m-offset-11,
    .m-offset-12 {
        margin-left: 0
    }
    .margin > .s-1,
    .margin > .s-2,
    .margin > .s-five,
    .margin > .s-3,
    .margin > .s-4,
    .margin > .s-5,
    .margin > .s-6,
    .margin > .s-7,
    .margin > .s-8,
    .margin > .s-9,
    .margin > .s-10,
    .margin > .s-11,
    .margin > .s-12,
    .margin > .m-1,
    .margin > .m-2,
    .margin > .m-five,
    .margin > .m-3,
    .margin > .m-4,
    .margin > .m-5,
    .margin > .m-6,
    .margin > .m-7,
    .margin > .m-8,
    .margin > .m-9,
    .margin > .m-10,
    .margin > .m-11,
    .margin > .m-12,
    .margin > .l-1,
    .margin > .l-2,
    .margin > .l-five,
    .margin > .l-3,
    .margin > .l-4,
    .margin > .l-5,
    .margin > .l-6,
    .margin > .l-7,
    .margin > .l-8,
    .margin > .l-9,
    .margin > .l-10,
    .margin > .l-11,
    .margin > .l-12 {
        padding: 0
    }
    .s-offset-1 {
        margin-left: 8.3333%
    }
    .s-offset-2 {
        margin-left: 16.6666%
    }
    .s-offset-five {
        margin-left: 16.6666%
    }
    .s-offset-3 {
        margin-left: 25%
    }
    .s-offset-4 {
        margin-left: 33.3333%
    }
    .s-offset-5 {
        margin-left: 41.6666%
    }
    .s-offset-6 {
        margin-left: 50%
    }
    .s-offset-7 {
        margin-left: 58.3333%
    }
    .s-offset-8 {
        margin-left: 66.6666%
    }
    .s-offset-9 {
        margin-left: 75%
    }
    .s-offset-10 {
        margin-left: 83.3333%
    }
    .s-offset-11 {
        margin-left: 90%
    }
    .s-offset-12 {
        margin-left: 100%
    }
    .l-1 {
        width: 8.3333%
    }
    .l-2 {
        width: 16.6666%
    }
    .l-five {
        width: 20%
    }
    .l-3 {
        width: 25%
    }
    .l-4 {
        width: 33.3333%
    }
    .l-5 {
        width: 41.6666%
    }
    .l-6 {
        width: 50%
    }
    .l-7 {
        width: 58.3333%
    }
    .l-8 {
        width: 66.6666%
    }
    .l-9 {
        width: 75%
    }
    .l-10 {
        width: 83.3333%
    }
    .l-11 {
        width: 90%
    }
    .l-12 {
        width: 100%
    }
    .m-1 {
        width: 8.3333%
    }
    .m-2 {
        width: 16.6666%
    }
    .m-five {
        width: 20%
    }
    .m-3 {
        width: 25%
    }
    .m-4 {
        width: 33.3333%
    }
    .m-5 {
        width: 41.6666%
    }
    .m-6 {
        width: 50%
    }
    .m-7 {
        width: 58.3333%
    }
    .m-8 {
        width: 66.6666%
    }
    .m-9 {
        width: 75%
    }
    .m-10 {
        width: 83.3333%
    }
    .m-11 {
        width: 90%
    }
    .m-12 {
        width: 100%
    }
    .s-1 {
        width: 8.3333%
    }
    .s-2 {
        width: 16.6666%
    }
    .s-five {
        width: 20%
    }
    .s-3 {
        width: 25%
    }
    .s-4 {
        width: 33.3333%
    }
    .s-5 {
        width: 41.6666%
    }
    .s-6 {
        width: 50%
    }
    .s-7 {
        width: 58.3333%
    }
    .s-8 {
        width: 66.6666%
    }
    .s-9 {
        width: 75%
    }
    .s-10 {
        width: 83.3333%
    }
    .s-11 {
        width: 90%
    }
    .s-12 {
        width: 100%
    }
    #logo {
        margin-top: -20px;
        width: 120px;
        height: 120px;
        position:absolute;
    }

    .mobilepage
    {
        margin-top:0px;
    }


}
.center {
    float: none;
    margin: 0 auto;
    display: block
}
#footer {
    font-size: 14px;
    background-color: #ac653a
}
#footer p {
    color: white;
    text-transform: uppercase;
    line-height: 27px;
    text-align: center
}
#footer a {
    color: white;
    text-transform: uppercase
}
#footer a:hover {
    color: #facb12;
}


#footer h6
{
color:#facb12;
font-size:16px;
text-transform:uppercase;
text-align:center;
}	


.menu-home {
    background-image: url(../images/icone-home-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-home:hover {
    background-image: url(../images/icone-home.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-nationale {
    background-image: url(../images/icone-nationale-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-nationale:hover {
    background-image: url(../images/icone-nationale.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}


.menu-prob {
    background-image: url(../images/icone-prob-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-prob:hover {
    background-image: url(../images/icone-prob.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}

.menu-entrainer {
    background-image: url(../images/icone-entrainer-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-entrainer:hover {
    background-image: url(../images/icone-entrainer.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-partenaire {
    background-image: url(../images/icone-partenaire-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-bottom: 70px;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-partenaire:hover {
    background-image: url(../images/icone-partenaire.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-news {
    background-image: url(../images/icone-news-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-bottom: 70px;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-news:hover {
    background-image: url(../images/icone-news.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-contact {
    background-image: url(../images/icone-contact-hover.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.menu-contact:hover {
    background-image: url(../images/icone-contact.png);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    display: block;
    text-align: center;
    height: 102px;
    margin-left: 15px
}
.facebook-header {
    background-image: url(../images/picto-heade-facebook.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 28px;
    float: right
}
.facebook-header:hover {
    background-image: url(../images/picto-heade-facebook-hover.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 28px;
    float: right
}
.twitter-header {
    background-image: url(../images/picto-heade-twitter.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 39px;
    float: right
}
.twitter-header:hover {
    background-image: url(../images/picto-heade-twitter-hover.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 39px;
    float: right
}
.youtube-header {
    background-image: url(../images/picto-heade-youtube.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 39px;
    float: right
}
.youtube-header:hover {
    background-image: url(../images/picto-heade-youtube-hover.png);
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    margin-top: 12px;
    height: 36px;
    width: 39px;
    float: right
}
.bandenoir {
    background-color: #facb12;
}
.bandenoir h2 {
    color: #000;
    font-family: 'fjalla_oneregular';
    text-transform: uppercase;
    font-size: 19px;
    padding: 12px;
    padding-left: 160px
}
.titreacc {
    text-align: center;
    font-family: 'againtsregular';
    color: #000000;
    font-size: 68px;
    letter-spacing: 1px
}
.titreacc2 {
    font-family: "fjalla_oneregular";
    text-align: center;
    color: #000000;
    font-size: 22px;
    font-weight: 100;
    padding: 15px;
    padding-top: 0px;
    margin-left: 20px
}
.ourservices {
    padding: 22px
}
.ourservices h2 {
    font-family: 'fjalla_oneregular';
    color: #000000;
    font-weight: 100;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #facb12;
    padding-bottom: 15px
}
.ourservices p {
    color: #000000;
    line-height: 1.4em
}
.ourservices .widget-date-post {
    width: 23%;
    max-width: 75px;
    max-height: 24px;
    text-align: center;
    background-color: #facb12;
    color: white;
    padding: 6px;
    font-size: 0.95em
}
.ourservices .newspost-title {
    float: left;
    padding-left: 70px;
    margin-top: -35px;
    color: black;
    font-weight: 300
}
.facebook-circle {
    background-image: url(../images/btn-facebook-circle.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px;
    float: left
}
.facebook-circle:hover {
    background-image: url(../images/btn-facebook-circle-hover.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px;
    float: left
}
.twitter-circle {
    background-image: url(../images/btn-twitter-circle.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px;
    float: left
}
.twitter-circle:hover {
    background-image: url(../images/btn-twitter-circle-hover.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px;
    float: left
}
.youtube-circle {
    background-image: url(../images/btn-youtube-circle.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px;
    float: left
}
.youtube-circle:hover {
    background-image: url(../images/btn-youtube-circle-hover.png);
    background-size: cover;
    display: block;
    width: 100%;
    max-width: 91px;
    height: 95px
}
.center {
    float: none;
    margin: 0 auto;
    display: block
}
#menu-rub {
    background-color: white;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 30px
}
#menu-rub a {
    color: black;
    text-transform: uppercase;
    font-family: 'fjalla_oneregular';
    font-size: 19px;
    text-decoration: none;
    display: block;
    height: 37px;
    margin-left: -20px
}
#menu-rub a:hover {
    color: #facb12;
}
#menu-rub ul li {
    list-style-type: none
}
#calendrier {
    background-color: white;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 20px
}
#calendrier h2 {
    font-weight: 100;
    font-family: 'fjalla_oneregular';
    font-size: 24px;
    color: #000;
    padding-left: 25px;
    text-transform: uppercase;
    margin-bottom: 25px
}
#calendrier span {
    font-weight: 300;
    font-family: 'fjalla_oneregular';
    font-size: 18px;
    line-height: 12px;
    margin-bottom: 4px
}
#calendrier p {
    padding-left: 0px;
    font-size: 0.9em;
    line-height: 18px
}
div .wp-caption {
    margin-left: 10px
}
.blockimg {
    margin-top: 25px;
    text-align: center;
    border-radius: 50%
}
.alignleft {
    float: left;
    padding-right: 15px;
    padding-bottom: 15px
}
.alignright {
    float: right;
    padding-left: 15px;
    padding-bottom: 15px
}
.aligncenter {
    margin: 0 auto;
    max-width: 100%;
    text-align: center
}
.page h1 {
    color: #000000;
    text-transform: uppercase;
    font-family: "fjalla_oneregular";
    font-weight: 100;
    font-size: 23px;
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #facb12;
}
.page h2 {
    color: #000;
    text-transform: uppercase;
    font-family: "fjalla_oneregular";
    font-weight: 100;
    font-size: 20px;
    padding: 14px
}
.page h3 {
    color: #333333;
    text-transform: uppercase;
    font-family: "fjalla_oneregular";
    font-weight: 100;
    font-size: 16px;
    padding: 14px
}
.page p {
    color: black;
    padding: 12px;
    line-height: 22px;
    font-size: 14px
}
.page hr {
    color: #aeaeae;
    background-color: #aeaeae;
    width: 550px;
    height: 1px;
    padding: 0
}
.page a:hover {
    color: #facb12;
}
.page .wp-caption-text {
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    font-style: italic;
    padding-bottom: 10px
}
.paddingacc {
    margin-top: 60px
}
@media screen and (max-width: 1000px) {
    nav {
      
        display: block;
        width: 100%;
        max-height: 65px
    }
    .paddingacc {
        margin-top: 20px
    }
    #menusite {
        display: none
    }
    #footer img {
        width: 31%;
        max-width: 48px
    }
    .facebook-circle {
        background-image: url(../images/btn-facebook-circle.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px;
        float: left
    }
    .facebook-circle:hover {
        background-image: url(../images/btn-facebook-circle-hover.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px;
        float: left
    }
    .twitter-circle {
        background-image: url(../images/btn-twitter-circle.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px;
        float: left
    }
    .twitter-circle:hover {
        background-image: url(../images/btn-twitter-circle-hover.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px;
        float: left
    }
    .youtube-circle {
        background-image: url(../images/btn-youtube-circle.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px;
        float: left
    }
    .youtube-circle:hover {
        background-image: url(../images/btn-youtube-circle-hover.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 81px;
        height: 85px
    }
    .titreacc {
        text-align: center;
        font-family: 'againtsregular';
        color: #000;
        font-size: 40px;
        letter-spacing: 1px;
        padding-bottom: 5px
    }
    .vignettesite {
        display: none
    }
    .vignettemobile {
        text-align: center;
        padding: 22px;
        margin-left: -6px;
        margin-top: -15px
    }
    .stages-circle {
        background-image: url(../images/stages_acc.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 260px;
        height: 140px
    }
    .pingpourtous-circle {
        background-image: url(../images/pingpourtous_acc.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 260px;
        height: 140px
    }
    .inscrire-circle {
        background-image: url(../images/inscrire_acc.png);
        background-size: cover;
        display: block;
        width: 100%;
        max-width: 260px;
        height: 140px
    }
    .titreacc2 {
        margin-left: 0px
    }
    .bandenoir {
        margin-top: -86px
    }
    .bandenoir h2 {
        display: none
    }
    .reseau-header {
        float: right;
        padding-bottom: 10px
    }
    
    
    
    .margin > .s-1,
    .margin > .s-2,
    .margin > .s-five,
    .margin > .s-3,
    .margin > .s-4,
    .margin > .s-5,
    .margin > .s-6,
    .margin > .s-7,
    .margin > .s-8,
    .margin > .s-9,
    .margin > .s-10,
    .margin > .s-11,
    .margin > .s-12,
    .margin > .m-1,
    .margin > .m-2,
    .margin > .m-five,
    .margin > .m-3,
    .margin > .m-4,
    .margin > .m-5,
    .margin > .m-6,
    .margin > .m-7,
    .margin > .m-8,
    .margin > .m-9,
    .margin > .m-10,
    .margin > .m-11,
    .margin > .m-12,
    .margin > .l-1,
    .margin > .l-2,
    .margin > .l-five,
    .margin > .l-3,
    .margin > .l-4,
    .margin > .l-5,
    .margin > .l-6,
    .margin > .l-7,
    .margin > .l-8,
    .margin > .l-9,
    .margin > .l-10,
    .margin > .l-11,
    .margin > .l-12 {
        padding: 0
    }
    .partenaireimg {
        text-align: center;
        margin-left: 15%;
        margin-right: 15%
    }
    #menu-rub {
        margin-top: -55px
    }
}
@media screen and (min-width: 1024px) {
    #menumobile {
        display: none
    }
    .vignettemobile {
        display: none
    }
    #centerplus {
        margin-left: 50%;
        margin-right: 50%
    }
}
@media screen and (min-width: 768px) {
    #fondcontent {
        padding-top: 30px;
        padding: 20px
    }
    #pas {
        padding-left: 50px
    }
}
.eo-calendar-shortcode table {
    background: none repeat scroll 0 0 #fff;
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    width: 96%;
    margin-left: 6px;
    height: 260px
}
.eo-calendar-shortcodetable tr td,
table tr th {
    padding: 0.65em;
    text-align: center
}
.eo-calendar-shortcodetable tfoot,
table thead {
    border-bottom: 1px solid #dddddd;
    font-size: 0.85em
}
.eo-calendar-shortcodetable tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #fffff
}
.eo-calendar-shortcodeth {
    border: none
}
.eo-calendar-shortcodetd {
    border: none
}
.eo-calendar-shortcode table caption {
    color: #000
    height: 15px;
    font-family: 'fjalla_oneregular';
    font-size: 17px;
    text-transform: uppercase;
    margin-bottom: 15px
}
.eo-past-date a {
    display: block;
    width: 100%;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    height: 100;
    padding: 2px;
    color: white;
    background-color: #000000;
}
.eo-past-date a:hover {
    display: block;
    color: white;
    background-color: #facb12
}
.eo-future-date a {
    display: block;
    width: 100%;
    padding: 0px;
    text-align: center;
    border-radius: 50%;
    height: 100;
    padding: 2px;
    color: white;
    background-color: #000000
}
.eo-future-date a:hover {
    display: block;
    color: white;
    background-color: #facb12
}
#eo-widget-prev-month {
    background-color: #facb12;
    color: #000;
    font-family: 'fjalla_oneregular';
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}
#eo-widget-prev-month a {
    color: white
}
#eo-widget-next-month {
    background-color: #facb12;
    color: #000;
    font-family: 'fjalla_oneregular';
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}
#eo-widget-next-month a {
    color: #000;
}
.more-link {
    font-size: 12px;
    font-style: italic;
    text-align: right;
    float: right
}



.btnreserver
    {
    background-color:#facb12;
    color:#111;
    margin-top:-10px;
    text-transform:uppercase;
    display:inline-block;
   letter-spacing:0.5;
    font-weight:600;
    font-size:16px;
    padding:10px 20px;
    margin-bottom:10px;
    border-radius:30px;
   float:right;
    text-align:center;
    
    }
    
 .btnreserver:hover
    {
    background-color:#111;;
    color:#fff;
    }   
    
    
 @media screen and (max-width:768px){
 .btnreserver
    {
    margin-top:0px;
    }
 

    .btnreserver
    {
    
    font-size:15px;

    
    }
 
 }